/*
1. 导入 useState 函数
2. 调用 useState 函数，并传入状态的初始值(必须在函数组件中)
3. 从useState函数的返回值中，拿到状态和修改状态的方法[数据，修改数据]
4. 使用数据 修改数据
*/
/*
  const [count, setCount] = useState(0)
  1.useState传过来的参数 为count的初始值
  2.[count, setCount] = useState(0) 这里的写法是解构赋值,useState的返回值是一个数组
  3.[count, setCount] 名字可以自定义 遵循语义化规则
*/
//导入useState
import { useState } from 'react'
function App () {
  //count ==> state = {count:0}
  const [count, setCount] = useState(0)
  const [flag, setFlag] = useState(true)
  const [list, setList] = useState([])
  function test () {
    setCount(count + 1)
    setFlag(false)
    setList(['摸鱼', '摆烂'])
  }
  return (
    <div className="App">
      App
      <p>count:{count}</p>
      <p>flag:{flag ? '1' : '0'}</p>
      <p>list:{list}</p>
      <button onClick={test}>changeData</button>
    </div>
  )
}
export default App
